<html lang="ch">
<head>
    <meta charset="utf8">
    <title>诗歌本</title>
    <meta name="viewport" content="width=device-width initial-scale=1 user-scalable=no"/>
    <script src="https://res.wx.qq.com/open/js/cloudbase/1.1.0/cloud.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" href="js/bootstrap-4.5.3-dist/css/bootstrap.css">
    <script src="js/bootstrap-4.5.3-dist/js/bootstrap.js"></script>
    <script src="js/a3.js"></script>
    <script src="js/doT.js?type=1"></script>
    <script src="js/wxCloud.js?type=14"></script>
    <script src="./js/wxSDK.js?type=15"></script>
    <script src="js/index.js?type=1"></script>
    <script type="text/javascript" src="js/transformCss.js?type=1"></script>
    <link rel="stylesheet" type="text/css" href="css/public.css?type=1">
    <link rel="stylesheet" type="text/css" href="css/index.css?type=13">
    <script type="text/javascript" src="layer-v3.3.0/layer/layer.js"></script>
    <link rel="stylesheet" type="text/css" href="layer-v3.3.0/layer/theme/default/layer.css">
    <link rel="stylesheet" type="text/css" href="./font_2499920_9r8ve3vl5fe/iconfont.css">
    <link id="zhandianIcon" rel="shortcut icon" href="https://7372-srrz-2g24l1oea7a7e67e-1304952114.tcb.qcloud.la/icon/%E7%81%AF%E5%A1%94.png" >

</head>
<body>
<!--          头部区域 begin    -->

<div class="header">
    <div class="container pt-3">
        <div class="row">
            <div class="col">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text iconfont icon-sousuo" id="basic-addon1"></span>
                    </div>
                    <input id="seacherInput" type="text" class="form-control" placeholder="诗集名称或序号" aria-label="Username"
                           aria-describedby="basic-addon1">
                    <span class="glyphicon glyphicon-remove removeSeacher"></span>
                </div>
            </div>
        </div>
        <div class="row mb-2">
            <div class="col">
                <nav class="navbar navbar-expand-sm  navbar-light " style="background-color: #e9ecef;" >
                    <a class="navbar-brand" href="#">诗集</a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                        <div class="navbar-nav">
                            <a class="nav-item nav-link active" href="#sj0">赞美耶稣诗集(附录)</a>
                            <a class="nav-item nav-link" href="#sj1">赞美耶稣诗集</a>
                            <a class="nav-item nav-link" href="#sj2">新编赞美诗</a>
                            <a class="nav-item nav-link" href="#sj3">少儿赞美</a>
                        </div>
                    </div>
                </nav>
            </div>

        </div>
    </div>
</div>
<!--头部区域 end->

<!-主体列表List页 begin-->
<div class="main container" >

    <div class="row">
        <div class="col">
            <ul class="list-group" id="list"></ul>
        </div>
    </div>
</div>

<!--主体列表List页 end-->
<div class="footer" >
    <div class="container" style="background-color: #007bff;">
        <div class="row" >

            <div class="col-6 text-center" >
                <small>237&nbsp&nbsp&nbsp&nbsp医治&nbsp&nbsp&nbsp&nbsp顶峰</small>
            </div>

            <div class="col-6" id="headimgurl">
    			
    			<img id="shoquan" class="float-right rounded-circle headimgurl" src="https://srrz-2g24l1oea7a7e67e-1304952114.tcloudbaseapp.com/sgb2.0/img/%E5%A4%B4%E5%83%8F.png" alt="未登录" >

    			<div id="nickname" class="float-right nickname">
    				点击头像登录
    			</div>

    		</div>

        </div>
    </div>
</div>
</body>
</html>



<!-- 导航模板 -->
<script type="text/x-dot-template" id="navlisttmpl">


    <ul id="navlist" class="navbar-nav">

        {{~it:value:index}}
        {{?index==0}}
        <li>
            <a href="#sj{{=value.index}}">{{=value.shiJiName}}</a>
        </li>
        {{??}}
        <li>
            <a href="#sj{{=value.index}}">{{=value.shiJiName}}</a>
        </li>

        {{?}}
        {{~}}
    </ul>

</script>


<!-- 赞美目录模板 -->
<script type="text/x-dot-template" id="listzmtmpl">

    {{
    var a =JSON.parse(lsa.get('navMuluList'));
    }}


    {{ for (item in it){ }}

    {{

    var now = it[item].shijiIndex;

    var last = 0;

    if(item>0){
    var last = it[item-1].shijiIndex;
    }

    var b = now == last;
    }}

    {{ if( item == 0 && it[item].shijiIndex == 0 ){ }}

    <li class="list-group-item active" style="z-index:0;" id="sj{{=it[item].shijiIndex}}"><a style="color:#fff;" href="#">{{=a[it[item].shijiIndex].shiJiName}}</a>
    </li>

    {{ } }}

    {{ if (b) { }}

    {{ if(it[item].isad==1){ }}

    <li class="list-group-item">
        <a href="#" class="text-body">{{=it[item].xuhao}}.{{= it[item].mulu }}</a>
        <span class="badge"><span class="iconfont icon-icon-"></span></span>
    </li>

    {{ } else { }}

    <li class="list-group-item">
        <a href="#" class="text-body">{{=it[item].xuhao}}.{{= it[item].mulu }}</a>
    </li>

    {{ } }}

    {{ } else { }}

    <li class="list-group-item active" style="z-index:0;" id="sj{{=it[item].shijiIndex}}"><a href="#" style="color:#fff;">{{=a[it[item].shijiIndex].shiJiName}}</a>
    </li>

    {{ if(it[item].isad==1){ }}

    <li class="list-group-item">
        <a href="#" class="text-body">{{=it[item].xuhao}}.{{= it[item].mulu }}</a>
        <span class="badge"><span class="iconfont icon-icon-"></span></span>
    </li>

    {{ }else{ }}

    <li class="list-group-item">
        <a href="#" class="text-body">{{=it[item].xuhao}}.{{= it[item].mulu }}</a>

    </li>

    {{ } }}

    {{ } }}


    {{ } }}

</script>
